<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-2.1.4.min.js"></script>
    <script src="js/hammer.min.js"></script>
    <script src="js/common.js"></script>
</head>

<body style="background:#f3f3f3">
    <header class="focus" id="focus">
        <ul class="focusUl fix">
            <li class="focusUlLi">
                <a href="#"><img src="http://img.yingyonghui.com/card/com.taobao.trip/img_4.jpg" alt="阿里旅行-去啊(机票.火车票.特惠.旅游)"></a>
            </li>
            <li class="focusUlLi">
                <a href="#"><img src="http://img.yingyonghui.com/card/com.baidu.BaiduMap/img_4.jpg" alt="百度地图"></a>
            </li>
            <li class="focusUlLi">
                <a href="#"><img src="http://img.yingyonghui.com/card/com.kong.app.book/img_4.jpg" alt="口袋书屋"></a>
            </li>
            <li class="focusUlLi">
                <a href="#"><img src="http://img.yingyonghui.com/card/com.wangyin.payment/img_6.jpg" alt="京东钱包"></a>
            </li>
            <li class="focusUlLi">
                <a href="#"><img src="http://img.yingyonghui.com/card/com.sankuai.meituan/img_4.jpg" alt="美团团购"></a>
            </li>
        </ul>
        <ol class="focusOl">
            <li class="active focusOlLi"></li>
            <li class="focusOlLi"></li>
            <li class="focusOlLi"></li>
            <li class="focusOlLi"></li>
            <li class="focusOlLi"></li>
        </ol>
    </header>
    <div class="index-content">
    <em class="content-icon"></em>
        万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优万得优
    </div>
    <div class="index-choose">

        <a href="#" title="" class="news"><img class="img" src="imgs/index_choose.png" alt=""><span class="text">新品</span></a>
        <a href="#" title="" class="cuxiao"><img class="img" src="imgs/index_choose2.png" alt=""><span class="text">促销</span></a>

    </div>
    <div class="index-all-goods">
        <h2 class="title">所有商品</h2>
        <ul class="fix">
            <li class="goods-list">
                <a href="" title="">
                    <p class="one"><img class="img" src="imgs/index_goods.png" alt=""></p>
                    <p class="two">所有商品所有商品所有商品所有商品所有商品所有商品所有商品所有商品</p>
                    <p class="three">￥160.00</p>
                </a>
            </li>
            <li class="goods-list">
                <a href="" title="">
                    <p class="one"><img class="img" src="imgs/index_goods.png" alt=""></p>
                    <p class="two">所有商品所有商品所有商品所有商品所有商品所有商品所有商品所有商品</p>
                    <p class="three">￥160.00</p>
                </a>
            </li>
            <li class="goods-list">
                <a href="" title="">
                    <p class="one"><img class="img" src="imgs/index_goods.png" alt=""></p>
                    <p class="two">所有商品所有商品所有商品所有商品所有商品所有商品所有商品所有商品</p>
                    <p class="three">￥160.00</p>
                </a>
            </li>
            <li class="goods-list">
                <a href="" title="">
                    <p class="one"><img class="img" src="imgs/index_goods.png" alt=""></p>
                    <p class="two">所有商品所有商品所有商品所有商品所有商品所有商品所有商品所有商品</p>
                    <p class="three">￥160.00</p>
                </a>
            </li>
        </ul>
    </div>
    <div class="index-guess-like">
        <h2 class="title">所有商品</h2>
        <ul class="fix">
            <li>
                <div class="likeshop fix">
                    <div class="left"><img class="img" src="imgs/index_Business.png" alt=""></div>
                    <div class="middle">
                        <p class="name">店店店</p>
                        <p class="prompt">所有商品所有商品</p>
                    </div>
                    <div class="right">进入店铺</div>
                </div>
                <ul class="fix">
                    <li class="goods-list">
                        <a href="" title="">
                            <p class="one"><img class="img" src="imgs/index_goods.png" alt=""></p>
                            <p class="two">所有商品所有商品所有商品所有商品所有商品所有商品所有商品所有商品</p>
                            <p class="three">￥160.00</p>
                        </a>
                    </li>
                    <li class="goods-list">
                        <a href="" title="">
                            <p class="one"><img class="img" src="imgs/index_goods.png" alt=""></p>
                            <p class="two">所有商品所有商品所有商品所有商品所有商品所有商品所有商品所有商品</p>
                            <p class="three">￥160.00</p>
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="public-title public-title-three"><span class="mark">121店·</span>分享创造价值</div>
    <div class="feedback"><img src="imgs/feedback.png" class="img" alt=""></div>
    <script>
    $(document).ready(function() {

        // 焦点图滚动

        var oFocus = document.getElementById('focus');
        lw.focus(oFocus, 2000);

    });
    </script>
</body>

</html>
